import React from 'react'
import classnames from 'classnames';

type IconType = {
    // 要显示的字体图标的名字
    name: string
    // 自定义的 class 样式类
    className?: string;
    // 点击事件监听函数
    onClick?: () => void;
}

// 组件的props验证Icon.propTypes = {} 可以用ts代替
export default function Icon(props: IconType) {
   return (
    <svg 
    className={classnames('icon',props.className)} 
    // 残障人士设备专用属性
    aria-hidden="true"
    onClick={props.onClick}
    >
      <use xlinkHref={`#${props.name}`}></use>
    </svg>
  )
}
